<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {},
  mounted() {
    console.log(this.$router.options)
  }
}
</script>

<style>
/* 全局css */
@import url(common/css/normalize.css);
@import url(common/css/common.css);
@import url(common/css/font.css);
/* 全局隐藏 */
/* *::-webkit-scrollbar {
  display: none;
} */

/* 让 el-table 内部的滚动条显示出来 */
/* .el-table__body-wrapper::-webkit-scrollbar {
  display: block; 
  height: 6px;
  
} */

/* .el-table__body-wrapper::-webkit-scrollbar {
  height: 10px;
} */

/* .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
} */

/* 横向滚动条 */
.el-table__body-wrapper::-webkit-scrollbar:horizontal {
  height: 10px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* 纵向滚动条 */
.el-table__body-wrapper::-webkit-scrollbar:vertical {
  width: 8px;
}
.el-table__body-wrapper::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(255, 0, 0, 0.2);
  border-radius: 4px;
}

.el-submenu {
  overflow: hidden;
}
.el-table .warning-row {
    background: oldlace;
  }

  .el-table .success-row {
    background: #f0f9eb;
  }
</style>
